import "./Header.css";
import { PageHeader, Dropdown, message} from "antd";
import { DownloadOutlined, LinkOutlined ,UserOutlined, CommentOutlined} from '@ant-design/icons';

const items= [
  {
    label: '待定',
    key: '1',
    icon: <CommentOutlined />,
  },
  {
    label: '注销',
    key: '2',
    icon: <UserOutlined />,
  },
  
];
const handleMenuClick = (e) => {
  message.info('Click on menu item.');
  console.log('click', e);
};
const menuProps = {
  items,
  onClick: handleMenuClick,
};

function Header(props) {
  return (
    <PageHeader
            style={{ backgroundColor: '#03b6f3'}}
            title="Dig-out"
            className="site-page-header"
            extra={[
            // <Descriptions.Item label="">Chen hao</Descriptions.Item>,
            // <Button size="small" style={{ verticalAlign: 'middle' }} >
            //   注销
            // </Button>
            // 
            <Dropdown.Button menu={menuProps} placement="bottom" icon={<UserOutlined />}>
              Chenhao
            </Dropdown.Button>,
            ]}
            avatar={{ src: 'https://avatars1.githubusercontent.com/u/8186664?s=460&v=4' }}
          >
    </PageHeader>
  );
}

export default Header;